﻿<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8"/>
    <title>云协作平台</title>
    <!-- jquery.js -->
    <script th:src="@{/js/jquery-2.2.4.min.js}"></script>
    <link rel="shortcut icon" th:href="@{/images/Logo_40.png}" type="image/x-icon">
    <!-- layui.css -->
    <link th:href="@{/plugin/layui/css/layui.css}" rel="stylesheet"/>
    <!-- 本页样式 -->
    <link th:href="@{/css/index.css}" rel="stylesheet"/>
    <style>
        .api {
            position: absolute;
            bottom: 20px;
            text-align: center;
            left: 0px;
            right: 0px;
            font-size: 16px;
            color: white !important;
        }
    </style>
</head>
<body>
<div class="mask"></div>
<div class="main">
    <h1><span style="font-size: 84px;">云协作</span><span style="font-size:30px;">团队管理与协作平台</span></h1>
    <p id="time"></p>
    <div class="enter">
        <from class="layui-form" action="">
            <div class="layui-form-item">
                <label class="layui-form-label">帐号</label>
                <div class="layui-input-inline pm-login-input">
                    <input type="text" name="account" lay-verify="account"
                           placeholder="请输入账号" value="eliyanfei" autocomplete="off"
                           class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">密码</label>
                <div class="layui-input-inline pm-login-input">
                    <input type="password" name="password" lay-verify="password"
                           placeholder="请输入密码" value="123456" autocomplete="off"
                           class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">验证</label>
                <div class="layui-input-inline pm-login-input">
                    <input type="text" name="result_response" lay-verify="result_response" placeholder=""
                           value="" autocomplete="off" class="layui-input" id="valid_input">
                </div>
            </div>
            <div class="layui-form-item"
                 style="margin-top: 25px; margin-bottom: 0;">
                <label class="layui-form-label"></label>
                <div class="layui-input-block pm-login-input" style="text-align: left;">
                    <button class="layui-btn" style="width: 133px;" lay-submit="" id="login_btn"
                            lay-filter="login">登录
                    </button>
                    <a class="layui-btn layui-btn-warm" style="width: 133px;" id="register_btn" href="register">
                        注册
                    </a>
                    <br/>
                    <a style="cursor: pointer;color: white;" href="findpass">找回密码</a>
                </div>
            </div>
        </from>
    </div>
</div>
<div class="api" style="">
    <a th:href="@{/swagger-ui.html}" style="color: white;">Swagger2 API文档</a>
</div>
<!-- layui.js -->
<script th:src="@{/plugin/layui/layui.js}"></script>
<!-- layui规范化用法 -->
<script type="text/javascript">
    layui.config({
        base: '../js/'
    }).use('login');
</script>
</body>
</html>